<template>
  <div>
    <h1>{{ H }}</h1>
    <button @click="fn">逆转世界</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      H: "Hollo,World",
    };
  },
  methods: {
    fn() {
      let arr = this.H.split("");
      arr.reverse();
      this.H = arr.join("");
    },
  },
};
</script>

<style>
</style>